<template>
  <div class="chart-container">
    <el-row>
      <el-col :span="24">
        <el-form :model="query" label-width="100px" class="demo-form-inline">
          <el-row class="topWrapper">
            <el-col :span="12">
              <el-form-item label="登录账号:">
                <el-input v-model="query.account" placeholder="登录账号"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="用户姓名:">
                <el-input v-model="query.userName" placeholder="用户姓名"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="手机号:">
                <el-input v-model="query.phone" type="number" placeholder="手机号"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="角色名称:">
                <el-input v-model="query.roleName" placeholder="角色名称"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </el-col>

       <el-col :span="24" class="btnCls">
        <el-button size="small" type="primary" icon="el-icon-edit">新增</el-button>
        <el-button size="small" type="danger" icon="el-icon-delete">删除</el-button>
      </el-col>


    </el-row>



  </div>
</template>

<script>
export default {
  name: "demoTwo",
  filters: {},
  data() {
    return {
      query: {
        account: "",
        tenantId: "000000",
        userName: "",
        roleName: "",
        phone: ""
      } //参数
    };
  },
  created() {},
  mounted() {
    console.log('-11111')
    Promise.resolve().then(function(){
      console.log('00000')
    }).then(function(){
      console.log('1111')
    })
     console.log('222222')

      let catCat = localStorage.getItem('myCat');
      console.log('nnnnnnnnnnn');
      console.log(catCat);

  },
  methods: {}
};
</script>

<style lang="scss" scoped>
.chart-container {
  /* position: relative;
  width: 100%;
  height: calc(100vh - 84px); */
}
.topWrapper {
  padding-top: 20px;
 
}
 .btnCls {
    text-align: center;
  }
</style>
